<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="ie ie6 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 7]><html class="ie ie7 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 8]><html class="ie ie8 ie-lte9 ie-lte8 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 9]><html class="ie9 ie-lte9 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{=T.accepted_language or 'en'}}"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />
  <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  <!-- Always force latest IE rendering engine
       (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess -->
  <!--[if IE]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge{{=not request.is_local and ',chrome=1' or ''}}">
      <![endif]-->
  
  <title>{{=response.title or request.application}}</title>
  
  <!-- http://dev.w3.org/html5/markup/meta.name.html -->
  <meta name="application-name" content="{{=request.application}}" />
  
  <!-- Speaking of Google, don't forget to set your site up:
       http://google.com/webmasters -->
  <meta name="google-site-verification" content="" />
  
  <!--  Mobile Viewport Fix
	j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
	device-width: Occupy full width of the screen in its current orientation
	initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
	user-scalable = yes allows the user to zoom in -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon">
  <link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}">
  
  <!-- All JavaScript at the bottom, except for Modernizr which enables 
       HTML5 elements & feature detects -->
  <script src="{{=URL('static','js/modernizr.custom.js')}}"></script>   
  
  <!-- include stylesheets -->
  {{
  response.files.append(URL('static','css/bootstrap.min.css'))
  response.files.append(URL('static','css/bootstrap-responsive.min.css'))
  response.files.append(URL('static','css/web2py.css'))
  response.files.append(URL('static','css/bootswatch.css'))
  }}

  {{include 'web2py_ajax.html'}}
  
  {{
  # using sidebars need to know what sidebar you want to use
  left_sidebar_enabled = globals().get('left_sidebar_enabled',False)
  right_sidebar_enabled = globals().get('right_sidebar_enabled',False)
  middle_columns = {0:'span12',1:'span9',2:'span6'}[
    (left_sidebar_enabled and 1 or 0)+(right_sidebar_enabled and 1 or 0)]
  }}

  <!-- uncomment here to load jquery-ui
       <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
       <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
       uncomment to load jquery-ui //-->
  <noscript><link href="{{=URL('static', 'css/bootswatch_nojs.css')}}" rel="stylesheet" type="text/css" /></noscript>
  {{block head}}{{end}}
</head>

<body>
  <!-- Navbar ================================================== -->
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
	<!-- the next tag is necessary for bootstrap menus, do not remove -->
	<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
	<a class="brand" href="#">web2py&trade;&nbsp;</a>
	<div id="navbar">{{='auth' in globals() and auth.navbar(separators=(' ',' | ','')) or ''}}</div>
	<div class="nav-collapse">
	  {{is_mobile=request.user_agent().is_mobile}}
	  {{if response.menu:}}
	  {{=MENU(response.menu, _class='mobile-menu nav' if is_mobile else 'nav',mobile=is_mobile,li_class='dropdown',ul_class='dropdown-menu')}}
	  {{pass}}
	</div><!--/.nav-collapse -->
      </div>
    </div>
  </div><!--/top navbar -->
  
  <div class="container">
    <div class="flash">{{=response.flash or ''}}</div>

    <!-- Masthead ================================================== -->
    <header class="mastheader" id="header">
      <div class="page-header">
	<h1>
	  {{=response.title or request.application}}
	  <small>{{=response.subtitle or ''}}</small>
	</h1>
      </div>
    </header>
    
    <section id="main" class="main span12">
      <div class="row">
	{{if left_sidebar_enabled:}}
	<div class="span3 left-sidebar">
	  {{block left_sidebar}}
	  <h3>Left Sidebar</h3>
	  <p></p>
	  {{end}}
	</div>
	{{pass}}
	
	<div class="{{=middle_columns}}">
	  {{block center}}
	  {{include}}
	  {{end}}
	</div>
	
	{{if right_sidebar_enabled:}}
	<div class="span3">
	  {{block right_sidebar}}
	  <h3>Right Sidebar</h3>
	  <p></p>
	  {{end}}
	</div>    
	{{pass}}
      </div><!--/row-->
    </section><!--/main-->
    
    <!-- Footer ================================================== -->
    <footer class="footer">
      {{block footer}} <!-- this is default footer -->
      <div class="footer-content">
	<div class="copyright pull-left">{{=T('Copyright')}} &#169; 2012</div>
	<div id="poweredBy" class="pull-right">
	  {{=T('Powered by')}}
	  <a href="http://www.web2py.com/">web2py</a>
	</div>
      </div>
      {{end}}
    </footer>
    
  </div> <!-- /container -->
  
  <!-- The javascript =============================================
       (Placed at the end of the document so the pages load faster) -->
  <script>
    // this code improves bootstrap menus and adds dropdown support
    jQuery(function(){
      jQuery('.nav>li>a').each(function(){	        
        if(jQuery(this).parent().find('ul').length)
          jQuery(this).attr({'class':'dropdown-toggle','data-toggle':'dropdown'}).append('<b class="caret"></b>');
      });
      jQuery('.nav li li').each(function(){	        
        if(jQuery(this).find('ul').length)
          jQuery(this).children('a').contents().before('<i class="chevron-right"></i>'); 
      });
      jQuery('ul.nav li.dropdown').hover(function() {
          jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(); 
      }, function() {
          jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(); 
      });
      jQuery('ul.nav li.dropdown a').click(function(){window.location=jQuery(this).attr('href');});
    });
  </script>  
  <script src="{{=URL('static','js/bootstrap.min.js')}}"></script>  
  <!--[if lt IE 7 ]>
      <script src="{{=URL('static','js/dd_belatedpng.js')}}"></script>
      <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
      <![endif]-->
  {{if response.google_analytics_id:}}<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '{{=response.google_analytics_id}}']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> {{pass}}
  <script src="{{=URL('static','js/share.js',vars=dict(static=URL('static','images')))}}"></script>  
</body>
</html>
